<script setup>

import Header from "@/components/Header.vue";
import BackTop from "@/components/BackTop.vue";
</script>

<template>
  <header>
    <Header @custom-event="searchVideo"></Header>
  </header>
  <BackTop></BackTop>
  <main>
    <div class="page-container">
      <el-card>
        <b>{{ this.$route.query.category }}</b>
        <el-divider></el-divider>
      </el-card>
    </div>
  </main>
</template>
<script>
import store from "@/store";

export default {
  methods: {
    searchVideo() {
      // this.$refs.video_container.searchData();
      this.$router.push({
        path: "/Hot",
        query: {
          keys: store.state.search.key
        }
      })
    },
  }
}
</script>
<style scoped>

</style>